<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>promise知识点</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<style>
		.box{
			width: 300px;
			height: 300px;
			background-color: skyblue;
			margin-bottom: 600px;
		}
		.box2{
			display: block;
			width: 100px;
			height: 100px;
			background-color: tomato;
		}
		.lanjiazai{
			width: 300px;
			height: 300px;
			display: block;
			margin-top: 200px;
		}
	</style>
</head>
<body>

<div class="box">
	<a class="box2" href="https://www.baidu.com">我是啦啦啦</a>
</div>

<img src="img/images/lunbo3.jpg" data-original="img/images/lunbo1.jpg" class="lanjiazai">
<img src="img/images/lunbo3.jpg" data-original="img/images/lunbo1.jpg" class="lanjiazai">

<script src="lib/jquery.js"></script>
<script src="lib/lazyload.min.js"></script>
<script>

	$(".lanjiazai").lazyload({
		 // event: "myclick"
		 // placeholder: "img/images/lunbo3.jpg"
		 event: "click"
	});

	// $(".lanjiazai").on("load",function(){
	// 	var that = $(this);
	// 	setTimeout(function(){
	// 		that.trigger("yanchi");
	// 	},3000);
		
	// });
	function yibu1(){
		return new Promise(function(resolve,reject){
			// console.log("执行完成");
				resolve("并且成功了");
		});
	}

	function yibu2(res){
		return new Promise(function(resolve,reject){		
				// console.log("执行完成2");
				resolve(res+"并且成功了2");	
		});
	}

	function yibu3(res){
		return new Promise(function(resolve,reject){		
				// console.log("执行完成3");
				resolve(res+"并且成功了3");		
		});
	}


	// yibu1().then(function(res){
	// 	return yibu2(res);
	// })
	// .then(function(res){
	// 	return yibu3(res);
	// })
	// .then(function(res){
	// 	console.log(res);
	// 	console.log("可以开始干活");
	// }).catch(function(){
	// 	console.log("上面某一步出错了");
	// });

	// function numpanduan(){
	// 	return new Promise(function(resolve,reject){
	// 		var num = Math.floor(Math.random()*(10-1+1)+1);

	// 		if(num < 6){
	// 			resolve(num);
	// 		}else{
	// 			reject(num);
	// 		}
	// 	});
	// }

	// numpanduan().then(function(res){
	// 	console.log("可以"+res);
	// }).catch(function(res){
	// 	console.log("不行"+res);
	// });

	// Promise.all([yibu1(),yibu2(),yibu3()]).then(function(res){
	// 	console.log(res);
	// }).catch(function(){
	// 	console.log("其中一个失败了");
	// });

	// function getshuju(){
	// 	return new Promise(function(resolve,reject){
	// 		var img = new Image();
	// 		img.onload = function(){
	// 			resolve(img);
	// 		}
	// 		img.src="xxxxxx";
			
	// 	});
	// }

	// function shujuchaoshi(){
	// 	return new Promise(function(resolve,reject){
	// 		setTimeout(function(){
	// 			reject("它超时请求了");
	// 		},3000);
			
	// 	});
	// }
	// Promise.race([getshuju(),shujuchaoshi()]).then(function(res){
	// 	console.log(res);
	// }).catch(function(res){
	// 	console.log(res);
	// });

	(function($){
		var moren = {
			gaoliang: "skyblue"
		}

		$.fn.extend({
			gaoliang: function(canshu) {
				var shiji = $.extend({},moren,canshu);
				this.css("color",shiji.gaoliang);

				return this;
			}
		});
	})(jQuery);


	(function($){
		$.extend({
			wenzi: function(){
				console.log("nihao");
			}
		})
	})(jQuery);

	
	
	
</script>
</body>
</html>